
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>le bluedit</title>


        <!-- Le styles -->
        <link href="resources/css/bootstrap.css" rel="stylesheet">
        <style type="text/css">
            body {
                padding-top: 60px;
                padding-bottom: 40px;
            }
        </style>
        <link href="resources/css/bootstrap-responsive.css" rel="stylesheet">
        <link href="resources/css/myCSS.css" rel="stylesheet">


        <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
          <script src="resources/js/html5shiv.js"></script>
        <![endif]-->

        <!-- Fav and touch icons -->
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="resources/ico/apple-touch-icon-144-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="resources/ico/apple-touch-icon-114-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="resources/ico/apple-touch-icon-72-precomposed.png">
        <link rel="apple-touch-icon-precomposed" href="resources/ico/apple-touch-icon-57-precomposed.png">
        <link rel="shortcut icon" href="resources/ico/favicon.png">
    </head>

    <body>

      
      <div id="singInBox" class="invisible" style="z-index:1;position:absolute;top:0;left:0;width:200%;height:200%;background:rgba(0, 0, 0, .6);">
            
      <div class="container" id="floating" align="center">

      <form class="form-signin" role="form">
        <h2 class="form-signin-heading">Cadastro</h2>
        <input type="email" class="form-control" placeholder="Nome do Usuario" required autofocus>
        <input type="password" class="form-control" placeholder="Senha" required>
          <button id="cadastrar" class="btn btn-lg btn-primary btn-block" type="submit">Efetuar Cadastro</button>
      </form>

    </div>  
            
        </div>
        
        
        
        
        <div id="navbar" class="navbar navbar-inverse navbar-fixed-top" style="z-index:0"  role="navigation">
            <div class="navbar-inner">
                <div class="container">
                    <a class="brand" href="#">bluedit</a>
                    
                    <div id="navbar-content" class="nav-collapse collapse">
                        <ul class="nav">
                            <li class="active"><a href="#">Home</a></li>
                            <li><a id="cadastro" href="#">Cadastro</a></li>
                            
                        </ul>
                        
                        <!-- LOGIN -->
                        <form id="login" class="navbar-form pull-right">
                            <input class="span2" type="text" placeholder="E-mail">
                            <input class="span2" type="password" placeholder="Senha">
                            <button type="submit" class="btn">Logar</button>
                        </form>
                    </div>
                    <!--/.nav-collapse -->
                    
                </div>
            </div>
        </div>

        
        <!--MAIN CONTAINER-->
        <div class="container">
<h1 id="h01"></h1>
            <!-- Main hero unit for a primary marketing message or call to action -->
            <div class="hero-unit">
                <h1>Conteudo Fica aqui</h1>
                <p>inserir loop dos dados coletados aqui.</p>
                
            </div>

             
            
            
            

           <!--FOOTER-->
 <hr>
            <footer align="center">
                <p> Universidade Feral do Rio de Janeiro - UFRJ</p>
                <p>Pedro Correa e Pedro Savarese &copy;</p>
            </footer>

        </div> <!-- /container -->

        <!-- Le javascript
        ================================================== -->
        <!-- Placed at the end of the document so the pages load faster -->
        <script src="resources/js/jquery.js"></script>
        <script src="resources/js/bootstrap-transition.js"></script>
        <script src="resources/js/bootstrap-alert.js"></script>
        <script src="resources/js/bootstrap-modal.js"></script>
        <script src="resources/js/bootstrap-dropdown.js"></script>
        <script src="resources/js/bootstrap-scrollspy.js"></script>
        <script src="resources/js/bootstrap-tab.js"></script>
        <script src="resources/js/bootstrap-tooltip.js"></script>
        <script src="resources/js/bootstrap-popover.js"></script>
        <script src="resources/js/bootstrap-button.js"></script>
        <script src="resources/js/bootstrap-collapse.js"></script>
        <script src="resources/js/bootstrap-carousel.js"></script>
        <script src="resources/js/bootstrap-typeahead.js"></script>
        <script src="resources/js/myscript.js"></script>

    </body>
</html>
